
<script setup>
const props = defineProps(['title'])
const emit = defineEmits(['enlarge-text'])
console.log(props.title)
</script>


<template>
  <!-- 
  <script>
    export default {
      props: ['title'],
      emits: ['enlarge-text'],
      setup(props,ctx) {
        console.log(props.title)
        ctx.emit('enlarge-text')
      }
    }
  </script>
  -->
  <div>
    <h4>{{title}}</h4>
    <hr />
    <!-- <button @click="$emit('enlarge-text')">Enlarge text</button> -->
    <button @click="emit('enlarge-text')">Enlarge text</button>
  </div>
</template>